<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page import="com.zhaiugo.common.config.PublicConfig" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>业务新平台</title>
    <!-- Bootstrap -->
    <link href="../statics/css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="../statics/css/font-awesome.min.css" rel="stylesheet"> 
    <!-- bootstrap3-dialog -->
	<link href="../statics/plugins/bootstrap3-dialog/css/bootstrap-dialog.min.css" rel="stylesheet"> 
	
	<!-- Custom Theme Style -->
    <link href="../statics/css/custom.css" rel="stylesheet"> 
  </head>

  <body class="nav-md">
    <div class="container body">
      <div class="main_container">
        <div class="col-md-3 left_col">
          <div class="left_col scroll-view">
            <div class="navbar nav_title" style="border: 0;">
              <a href="index.html" class="site_title"><i class="fa fa-institution"></i> <span>Bootstrap 模版</span></a>
            </div>

            <div class="clearfix"></div>

            <!-- menu profile quick info -->
            <!--  
            <div class="profile clearfix">
              <div class="profile_pic">
                <img src="../statics/images/img.jpg" alt="..." class="img-circle profile_img">
              </div>
              <div class="profile_info">
                <span>欢迎您,</span>
                <h2>SOLIN</h2>
              </div>
            </div>
            -->
            <!-- /menu profile quick info -->

            <br />

            <!-- sidebar menu -->
            <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
              <div class="menu_section"> 
                <ul class="nav side-menu">
                  <li><a href="http://www.runoob.com/bootstrap/bootstrap-tutorial.html" target="iframepage"><i class="fa fa-home"></i> 主页 <span class="fa fa-chevron-right"></span></a> </li>
                  <li><a><i class="fa fa-edit"></i> 表单 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="form.html" target="iframepage">General Form</a></li> 
					  <li><a href="http://www.bootcss.com/p/icheck/" target="iframepage">icheck</a></li> 
					  <li><a href="form_buttons.html" target="iframepage">Form Buttons</a></li>
                      <li><a href="form_validation.html" target="iframepage">Form Validation</a></li>
                      <li><a href="form_wizards.html" target="iframepage">Form Wizard</a></li>
                      <li><a href="form_upload.html" target="iframepage">Form Upload</a></li> 
                    </ul>
                  </li>
                  <li><a><i class="fa fa-desktop"></i> UI 组件 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="general_elements.html" target="iframepage">General Elements</a></li> 
                      <li><a href="http://fontawesome.dashgame.com/" target="iframepage">Icons</a></li> 
                    </ul>
                  </li>
                  <li><a><i class="fa fa-table"></i> 表格 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                      <li><a href="http://issues.wenzhixin.net.cn/bootstrap-table/index.html" target="iframepage">Bootstrap Table Example</a></li>
                      <li><a href="http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/" target="iframepage">Bootstrap Table Document</a></li>
                    </ul>
                  </li>  
				  <li><a><i class="fa fa-table"></i> 模态窗体 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                       <li><a href="bootstrap3Modal.html" target="iframepage">Common Tables</a></li>
                    </ul>
                  </li>  
                  <li><a><i class="fa fa-table"></i> 布局 <span class="fa fa-chevron-down"></span></a>
                    <ul class="nav child_menu">
                    	<li><a href="table.html" target="iframepage">主页查询布局</a></li>
                    </ul>
                  </li> 
                </ul>
              </div>
              

            </div>
            <!-- /sidebar menu -->

            
          </div>
        </div>

        <!-- top navigation -->
        <div class="top_nav">
          <div class="nav_menu">
            <nav>
              <div class="nav toggle">
                <a id="menu_toggle"><i class="fa fa-bars"></i></a>
              </div>
			  <div class="nav nav-brand">
				<a href="javascript:;"><i class="fa fa-home"> 主页</i></a> 
			  </div>

              <ul class="nav navbar-nav navbar-right">
                <li class="">
                  <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                    <img src="../statics/images/img.jpg" alt="">用户名称
                    <span class=" fa fa-angle-down"></span>
                  </a>
                  <ul class="dropdown-menu dropdown-usermenu pull-right"> 
                    <li>
                      <a href="javascript:;"><i class="fa fa-lock pull-right"></i> 密码设置</a>
                    </li> 
                    <li><a href="javascript:;"><i class="fa fa-sign-out pull-right"></i> 安全退出</a></li>
                  </ul>
                </li> 
				 
				<li role="presentation" class="dropdown">
                  <a href="javascript:;" class="user-profile dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
                    消息 <i class="fa fa-envelope-o"></i>
                    <span class="badge bg-red">6</span>
                  </a>
                  <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
                    <li>
                      <a>
                        <span class="image"><img src="../statics/images/user.png" alt="Profile Image" /></span>
                        <span>
                          <span>solin</span>
                          <span class="time"></span>
                        </span>
                        <span class="message">
                          这里是系统消息消息消息消息
                        </span>
                      </a>
                    </li> 
					<li>
                      <a>
                        <span class="image"><img src="../statics/images/user.png" alt="Profile Image" /></span>
                        <span>
                          <span>solin</span>
                          <span class="time"></span>
                        </span>
                        <span class="message">
                          这里是系统消息消息消息消息
                        </span>
                      </a>
                    </li> 
                    <li>
                      <div class="text-center">
                        <a>
                          <strong>查看更多</strong>
                          <i class="fa fa-angle-right"></i>
                        </a>
                      </div>
                    </li>
                  </ul>
                </li>
				
              </ul>
			  
            </nav>
          </div>
        </div>
        <!-- /top navigation -->

        <!-- page content -->
        <div class="right_col" role="main"> 
          <div class="row"> 
			<iframe src="http://www.runoob.com/bootstrap/bootstrap-tutorial.html" id="iframepage"  name="iframepage" scrolling="yes"  width="100%" height="100%"  onload="changeFrameHeight()" frameborder="0"></iframe>
          </div>   
        </div>
        <!-- /page content -->

        <!-- footer content -->
        <footer>
          <div>
             
          </div>
          <div class="clearfix"></div>
        </footer>
        <!-- /footer content -->
      </div>
    </div>

    <!-- jQuery -->
    <script src="../statics/js/jquery.1.11.3.min.js"></script>
    <!-- Bootstrap -->
    <script src="../statics/js/bootstrap.min.js"></script>    
    <!-- bootstrap3-dialog  -->
	<script src="../statics/plugins/bootstrap3-dialog/js/bootstrap-dialog.min.js"></script>   
	
    <!-- Custom Theme Scripts -->
    <script src="../statics/js/custom.js"></script>
	
	<script>
		function changeFrameHeight(){
			var ifm= document.getElementById("iframepage"); 
			ifm.height = document.documentElement.clientHeight-100;
		}
		window.onresize = function(){  
			 changeFrameHeight();  
		} 
	</script>
 
	
  </body>
</html>
